<template>
    <div>
        <div class="tags-item-list">

            <div class="name">
                <router-link to="/"
                class="a-link">{{ data.tagName }}</router-link>
            </div>
        </div>
    </div>


</template>

<script setup>
import { getCurrentInstance } from 'vue';

const {proxy}=getCurrentInstance();
const props=defineProps({
data:{
    type:Object
}
});

</script>

<style lang="scss">
.tags-item-list{
    display:flex;
    padding: 10px 0px;
    align-items: center;
    .name{
        flex: 1;
        display: block;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin:0px 5px;
        font-size: 14px;
    }
}

</style>